<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>自动部署代码工具</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../../layui/css/layui.css" media="all">
    <script src="../../layui/layui.js" charset="utf-8"></script>
    <script src="../../js/jquery-3.4.1.min.js" charset="utf-8"></script>
    <script src="../index.js" charset="utf-8"></script>
    <script src="list.js" ></script>
    <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
</head>
<body>
<script type="text/html" id="toolbarTable">
    <div class="layui-btn-container" >
        <button class="layui-btn" id="add" lay-event="add">新增</button>
        <button class="layui-btn layui-btn-danger" id="del" lay-event="del">移除</button>
        <button class="layui-btn" id="updateTag" lay-event="updateTag">变更tag</button>
        <button class="layui-btn" id="restartService" lay-event="restartService">重启</button>
        <button class="layui-btn layui-btn-danger" id="stopService" lay-event="stopService">停止</button>
        <button class="layui-btn layui-btn-warm" id="pauseService" lay-event="pauseService">暂停</button>
        <button class="layui-btn" id="allLog" lay-event="allLog">部署总览</button>
    </div>
</script>
<div class="demoTable" id="demoTable">
    <div class="layui-form">
        <div class="layui-form-item">
            <label class="layui-form-label" style="width: 100px">所属项目</label>
            <div class="layui-input-inline projectId" style="width: 220px">
                <input type="text" name="projectName" id="projectName" oninput="projectNameInput()" class="layui-input" lay-verify="required"
                       placeholder="请输入项目名称搜索" style="position:absolute;z-index:2;width:88%;" value="" autocomplete="off">
                <select name="projectId" placeholder="请输入项目名称搜索" id="projectId" lay-filter="projectId" >
                </select>
            </div>
            <label class="layui-form-label" style="width: 100px">命名空间</label>
            <div class="layui-input-inline namespaceId" style="width: 220px">
                <input type="text" name="namespaceName" id="namespaceName" oninput="namespaceNameInput()" class="layui-input" lay-verify="required"
                       placeholder="请输入项目名称搜索" style="position:absolute;z-index:2;width:88%;" value="" autocomplete="off">
                <select name="namespaceId" placeholder="请输入项目名称搜索" id="namespaceId" lay-filter="namespaceId" >
                </select>
            </div>
            <label class="layui-form-label" style="width: 100px">docker宿主机</label>
            <div class="layui-input-inline dockerId" style="width: 220px">
                <input type="text" name="dockerName" id="dockerName" oninput="dockerNameInput()" class="layui-input" lay-verify="required"
                       placeholder="请输入docker服务器名称搜索" style="position:absolute;z-index:2;width:88%;" value="" autocomplete="off">
                <select name="dockerId" placeholder="请输入docker服务器名称搜索" id="dockerId" lay-filter="dockerId" >
                </select>
            </div>
            <label class="layui-form-label" style="width: 100px">模块名称</label>
            <div class="layui-input-inline" style="width: 220px">
                <input class="layui-input" name="content" id="content" autocomplete="off" >
            </div>
            <button class="layui-btn layui-btn-primary"  id="query">搜索</button>
        </div>

    </div>
</div>
<table class="layui-hide" id="dockerDeploy" lay-filter="dockerDeploy"></table>
<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="ssh">终端</a>
    <a class="layui-btn layui-btn-xs" lay-event="docker">docker</a>
    <a class="layui-btn layui-btn-xs" lay-event="more">更多 <i class="layui-icon layui-icon-down"></i></a>
</script>
<script type="text/html" id="switchStatus">
    <!-- 这里的 checked 的状态只是演示 -->
    <input type="checkbox" name="enable" value="{{d.id}}" lay-skin="switch" lay-text="开启|停用" lay-filter="statusFilter" {{ d.enable == 0 ? 'checked' : '' }}>
</script>
</body>
</html>